body{
	background: #d8d8d8;
}

.qqBox{
	width: 1000px;
	height: 600px;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; 
	
	margin:auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.BoxHead{
	width: 100%;
	height: 52px;
/* 	background: url(../../../img/smart/chat_header_bg.jpg) no-repeat;
	background-size: 100% 100%; */
	background : #6591cb;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.headImg{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin:4px 10px;
	background:#fff;
}
.headImg img{
	width: 100%;
	height: 100%;
	border-radius:50%;
}
.internetName{
	width: auto;
	height: 52px;
	line-height: 52px;
	color: white;
	margin-left: 20px;
}
.context{
-webkit-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
height: 100%;
}
.conLeft{
	width: 200px;
	height: 100%;
	overflow: auto;
	background: #fafafa;
	/*border-right: 1px solid #ccc;*/
}
.conLeft::-webkit-scrollbar{
	width: 0;
}
.conLeft ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.conLeft li{
	width: 100%;
	height: 62px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.conLeft li .liLeft{
	width:30%;
	height: 100%;
	position: relative;
}
.chat_obj_icon{
	margin: 10px;
	height: 41px;
	width: 41px;
	border-radius: 50%;
	/*border:1px solid #ccc;*/
}

.liRight{
	width: 140px;
}

.liRight span{
	display:block;
	overflow: hidden; 
	white-space: nowrap; 
	-o-text-overflow: ellipsis; /* for Opera */ 
	text-overflow: ellipsis; /* for IE */
	-webkit-line-clamp:1; 	
	
}
.liRight .intername{
	font-size: 16px;
	height: 35px;
	line-height: 35px;
}

.liRight .infor{
	font-size: 14px;
	color: #767676;
	height: 26px;
	line-height: 26px;
}

.liRight .infor a{
	color: #767676;
	text-decoration : none;
}

.conRight{
	-webkit-box-flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    height: 548px;
}
.Righthead{
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #ccc;
}
.headName{
	width: auto;
	height: 100%;
	line-height: 42px;
	margin-left: 20px;
	font-size: 18px;
	float: left;
}
.headConfig{
	width: 20%;
	float: right;
	height: 100%;
	
}
.headConfig ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.headConfig li{
	margin:10px 5px;
}
.RightCont{
	-webkit-box-flex: 1;
	overflow-y: scroll;
}

.RightCont::-webkit-scrollbar{
	width: 15px;
}
.RightCont ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.RightCont li{
	width: 100%;
/* 	height: 50px; */
	/*display: -webkit-box;*/
	/*-webkit-box-orient: horizontal;*/
	margin: 15px 0;
}
.nesHead{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-left:15px ;
	float: right;
}
.nesHead img{
	width: 44px;
	height: 44px;
	border-radius: 50%;
}
.news,.answers{
	max-width : 400px;
}
.news{
	width: auto;
	height:auto;
	background: #2683f5;
	padding:5px 20px;
	margin: 8px 4px;
	line-height:20px;
	font-size: 14px;
	border-radius:10px;
	margin-left: 30px;
	position: relative;
	float: right;
	color: white;
}
.news .jiao{
	position: absolute;
	right: -8px;
	top: 10px;
}
 .news .Expr{
	width: 24px;
	height: 24px;
	margin: 0;
}
.answerHead{
/* 	width: 44px;
	height: 44px; */
	border-radius: 50%;
	margin-left:15px ;
	float: left;
}
.answerHead img{
	width: 44px;
	height: 44px;
	border-radius: 50%;
}
.answers{
	width: auto;
	/*height: 30px;*/
	background: #eeeeee;
	padding:5px 20px;
	margin: 4px;
	line-height: 30px;
	font-size: 14px;
	border-radius:10px;
	margin-left: 10px;
	position: relative;
	float: left;
}
.answers .jiao{
	position: absolute;
	left: -8px;
	top: 10px;
}
.RightFoot{
	width: 100%;
	height: 118px;
	border-top: 1px solid #ccc;
	position: relative;
}
.emoji{
	width: 380px;
	height: 200px;
	border: 1px solid #ccc;
	position: absolute;
	left:0;
	top:-200px;
	background: #fff;
	overflow: auto;
}
.emoji ul{
	list-style: none;
	margin:0;
	padding: 0;
	
}
.emoji ul li{
	width: 30px;
	height: 30px;
	margin: 5px;
	float: left;
	
}
.emoji ul li:hover{
box-shadow:5px 5px 5px #888888;
transform: scale(1.2);
	
}
.emoji ul li img{
	width: 100%;
	height: 100%;
	
}
.footTop{
	width: 100%;
	height: auto;
}
.footTop ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.footTop li{
	margin: 5px 10px;
}
.sendBtn{
	width: 68px;
	height: 25px;
	background: #0188fb;
	border: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: white;
}
.bg{
	background: #ebebec;
}
.ChatRecord{
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: deepskyblue;
    cursor: pointer;
    background: #eee;
    line-height: 30px;
}


.questions_wrapper{
	width: 250px;
	border-left: 1px solid #ccc;
}

.questions_header{
	text-align: center;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #ccc;
	background: #eee;
}


.questions_list{
	text-align: left;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #ccc;
	background: #eee;
}

.chat_right{
	width: 798px;
}

.chat_con{
	width: 100%;
	height: 100%;
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
}

.shop-on{
	margin-left: 7px;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #70d672;
}

.userInfo{
	width: 100%;
	height: 120px;
/* 	background:url(../../../img/smart/user_info_bg.jpg) no-repeat;
	background-size: 100% 100%; */
	background : #4978b9;
	padding-top: 15px;
}

.user_icon{
	width:60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	margin: auto;
	display: block;
    /*border: 1px solid #ccc;*/
}

.user_name{
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bolder;
	margin-top: 10px;
	display: block;
}

.chat_obj_list_wrap{
	background: #363e47;
	color: #fff;
	width: 100%;
	height: 480px;
}

.chat_obj_list_wrap .current{
	background: #2f363e;
}

.offical{
    /*border: 1px solid #ccc;*/
    font-size: 12px;
    line-height: 42px;
    padding: 0px 5px;
    border-radius: 4px;
    margin-right: 5px;
/*     background: mediumturquoise; */
	background : darkblue;
}

.liLeft .offical{
	position: absolute;
	line-height: normal;
	left: 12px;
	bottom: 0;
}


.con_chat_obj_name{
	color: #999;
    display: block;
    text-align: center;
    font-size: 14px;
}
.uploadPhoto{
	position : absolute;
	top:0;
	left:0;
	opacity : 0;
	width: 100%;
	height: 100%;
	z-index : 2;
}

#sendTextarea{
	width: 99%;
	height: 75px; 
	border: none;
	outline: none;
	resize: none;
	padding: 0 10px;
}